<!--注册页-->
<template>
    <div id="register-tab" class="tab-pane show active">
        <!--注册表单面板-->
        <form action="#">
            <div class="row">
                <div class="col-12 mb-30">
                    <input type="text" placeholder="输入手机号" required>
                </div>
                <div class="col-12 mb-30">
                    <input class="col-6" type="text" placeholder="输入验证码" required>
                    <button class="col-5 btn btn2">发送验证</button>
                </div>
                <div class="col-12 mb-30"><input type="text" placeholder="真实名称" required></div>
                <div class="col-12 mb-30"><input type="text" placeholder="昵称" required></div>
                <div class="col-12 mb-30">
                    <ul>
                        <li>
                            <input type="checkbox" id="register_agree" required>
                            <label for="register_agree" class="cursor_label">我同意相关<a href="#">定义 & 条款</a></label>
                        </li>
                    </ul>
                </div>
                <div class="col-12 mb-30">
                    <ul>
                        <li>
                            <input type="radio" name="account_type" id="register_normal" checked>
                            <label for="register_normal" class="cursor_label">普通用户</label>
                        </li>
                        <li>
                            <input type="radio" name="account_type" id="register_agent">
                            <label for="register_agent" class="cursor_label">代理人</label>
                        </li>
                        <li>
                            <input type="radio" name="account_type" id="register_agency">
                            <label for="register_agency" class="cursor_label">代理商</label>
                        </li>
                    </ul>
                </div>
                <div class="col-12">
                    <button class="btn btn3">注册</button>
                </div>
            </div>
        </form>
    </div>
</template>

<script>
    import {createNamespacedHelpers} from 'vuex'
    const {mapMutations } = createNamespacedHelpers('user');
    export default {
        methods:{
            ...mapMutations(['activeLogin'])
        },
        mounted() {
            //激活注册操作选项
            this.activeLogin(false);
        }
    }
</script>

<style scoped>

</style>
